<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>常见基本语法规则</title>
		<style type="text/css">
			/* id样式 */
			#d1 {
							background-color:  blanchedalmond;
							width:400px;
							height:200px;
							/* 边框 */
							border: 1px solid red;
							/* div左浮动，右边就可以放其他元素 */
							float: left;
							margin-right: 10px;
				}
						/* 类样式 */
			.c1{
				width: 200px;
				height: 100px;
				background-color: aqua;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="test/test1.css" />
	</head>
	<body>
		<!-- 容器 块内容 div id是唯一标识一个div class是类样式 -->
		<div id="d1" class="c1">
			div1
			<p>我是p标签</p>
			<div class="c1">
				
			</div>
		</div>
		<div id="d2" class="c1">
			div2
			<p>我是p标签</p>
			<p><img src="./img/ad-02.jpg"</p>
		</div>
		
		<!-- 列表 -->
		<ul class=ul1>
			<li><a href="#">购物</a></li>
			<li><a href="#">注册</a></li>
			<li><a href="#">爱好</a></li>
			<li><a href="#">爱好</a></li>
			<li><a href="#">登录</a></li>
		</ul>
		
	</body>
</html>
